﻿

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>FrameCore</title>
    <style type="text/css">
        html, body, form {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            font-size: 13px;
        }

        body {
            overflow: hidden;
        }

        #header {
            position: absolute;
            top: 0px;
            right: 0px;
            left: 0px;
            height: 50px;
            overflow: hidden;
            /*            box-shadow: 2px 2px 5px;
            border-bottom: 1px solid #ccc;*/
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
            box-sizing: border-box;
            /*            background-color: rgba(0,0,0,0.6);*/
/*            border-bottom: 1px solid #ccc;*/
        }


        #left {
            position: absolute;
            top: 50px;
            left: 0px;
            bottom: 0px;
            width: 150px;
            overflow: hidden;
        }


        #right {
            position: absolute;
            top: 50px;
            left: 150px;
            bottom: 0px;
            right: 0px;
            overflow: hidden;
        }

        .iframe {
            width: 100%;
            height: 100%;
        }
    </style>
    <link href="~/lib/layui2.5.6/css/layui.css" rel="stylesheet" />
</head>
<body>
    <div id="header">
        <iframe src="/home/header" id="headerpage" name="headerpage" frameborder="no" runat="server" class="iframe"></iframe>
    </div>
    <div id="left">
        <iframe src="/home/left" id="leftpage" name="leftpage" frameborder="no" runat="server" class="iframe"></iframe>
    </div>
    <div id="right" style="-webkit-overflow-scrolling: touch;">
        <iframe id="mainpage" name="mainpage" frameborder="no" allowtransparency="true" src="/home/overview" runat="server" class="iframe"></iframe>
    </div>

    <script src="~/lib/jquery/dist/jquery.js"></script>
    <script src="~/lib/layui2.5.6/layui.js"></script>
    <script>
        layui.use(['layer', 'form'], function () {
            var layer = layui.layer
                , form = layui.form;
        });
    </script>
</body>
</html>
